<span :class="$style.root">
    <input :class="$style.input" v-bind="$attrs" :close="close"
        :value="currentValue" :color="currentColor || this.formItemVM && this.formItemVM.color"
        @input="onInput" @focus="onFocus" @blur="onBlur" @keypress="onKeypress" v-on="listeners"
        @compositionstart="compositionInputing = true"
        @compositionend="onCompositionEnd">
    <!-- @override: 增加了 icon -->
    <span v-if="close && currentValue" :class="$style.close" @click="removeValue">
        <i :class="$style.closeIcon"></i>
    </span>
    <slot></slot>

    <!-- 错误信息 -->
    <span v-if="currentMessage" :class="$style.message" :color="currentColor">
        <u-status-icon size="14" :class="$style.icon" name="warning"></u-status-icon>
        {{ currentMessage }}
    </span>
</span>
